<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../1号店/css/base.css">
    <link rel="stylesheet" href="../1号店/css/index.css">
</head>

<body>
    <!-- 头部start -->
    <header>
        <div class="wrap clear">
            <div class="header-left left">
                Hi,请<a href="#">登录</a><a href="#">注册</a>
            </div>
            <ul class="header-right right clear">
                <li><a href="#">我的一号店 <i class="i-down right"></i></a></li>
                <li></li>
                <li><a href="#">收藏夹<i class="i-down right"></i></a></li>
                <li></li>
                <li>
                    <div class="li5 left"></div>
                    <a href="#">
                        掌上书店<i class="i-down right"></i></a>
                </li>
                <li></li>
                <li><a href="#">客户服务<i class="i-down  right"></i></a>
                    <ul class="ul-down">
                        <li>包裹跟踪</li>
                        <li>常见问题</li>
                        <li>在线投诉</li>
                    </ul>
                </li>
                <li></li>
                <li><a href="#">联系我们</i></a></li>
            </ul>
        </div>
    </header>
    <!-- 头部end -->

    <!-- 查询start -->
    <aside class="search-box wrap clear">
        <div class="search-left left clear">
            <img src="../1号店/img/logo.png" alt="一号点logo">
        </div>
        <div class="search-right left clear">
            <div class="search-form">
                <form action="" class="clear">
                    <label for="product" class="clear left clear">
                        商品
                    </label>
                    <input id="product" type="text" placeholder="请输入关键字" class="clear left">
                    <button type="button" class="clear left">搜索</button>
                </form>
            </div>
            <p>
                <a href="#">毛巾</a>
                <a href="#">卫生纸</a>
                <a href="#"> 袜子</a>
                <a href="#">电池</a>
                <a href="#"> 沐浴露</a>
            </p>
        </div>
    </aside>
    <!-- 查询end -->
    <!-- 商品分类start -->
    <div class="wrap top30">
        <ul class=" ul-typelist clear">
            <li class="clear  first">
                <a href="#" class="me">所有商品分类<i></i></a>
                <ul class="clear">
                    <li>
                        <a href="#">进口食品、生鲜<i ></i></a>
                        <i></i>
                    </li>
                    <li>
                        <a href="#">食品、饮料、酒<i class="i1"></i></a>
                        <i></i>
                    </li>
                    <li>
                        <a href="#">母婴、玩具、童装<i class="i2"></i></a>
                        <i></i>
                    </li>
                    <li>
                        <a href="#">家居、家庭清洁、纸品<i class="i3"></i></a>
                        <i></i>
                    </li>
                    <li>
                        <a href="#">美妆、个人护理、洗护<i class="i4"></i></a>
                        <i></i>
                    </li>
                    <li>
                        <a href="#">女装、内衣、中老年 <i class="i5"></i> </a>
                        <i></i>
                    </li>
                    <li>
                        <a href="#">鞋靴、箱包、腕表配饰<i class="i6"></i></a>
                        <i></i>
                    </li>
                    <li>
                        <a href="#">男装、户外、户外健身<i class="i7"></i></a>
                        <i></i>
                    </li>
                    <li>
                        <a href="#">手机、数码、电脑办公<i class="i8"></i></a>
                        <i></i>
                    </li>
                    <li>
                        <a href="#">小家电、大家电、汽车<i class="i9"></i></a>
                        <i></i>
                    </li>
                    <li>
                        <a href="#">保健滋补、医药、成人<i class="i10"></i></a>
                        <i></i>
                    </li>
                    <li>
                        <a href="#">礼品、卡、旅游、充值<i class="i11"></i></a>
                        <i></i>
                    </li>

                </ul>
            </li>
            <li><a href="#">首页</a> </li>
            <li><a href="#">自营 </a></li>
            <li><a href="#">1号团 </a></li>
            <li><a href="#">1号钱包  </a></li>
            <li><a href="#">1号商城 </a> </li>
            <li><a href="#">闪购 </a></li>
            <li><a href="#">鲜活生鲜 </a></li>
            <li><a href="#">医药 </a></li>
        </ul>
    </div>
    <!-- 商品分类end -->
    <!-- banner start -->
    <div class="banner">
        <div class="banner-box wrap clear">
            <div class="banner-left left">
                <img src="../1号店/img/banner.jpg" height="390px" alt="">
                <ul class="slibe-list clear">
                    <li class="on"></li>
                    <li></li>
                    <li></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
            <div class="banner-right right">
                <div class="right-item01 clear">
                    <a href="#">
                        <img src="../1号店/img/1.jpg" alt="">
                        <br> 0元试用
                    </a>
                    <a href="#">
                        <img src="../1号店/img/2.jpg" alt="">
                        <br> 会员俱乐部
                    </a>
                    <a href="#">
                        <img src="../1号店/img/3.jpg" alt="">
                        <br> 礼品卡
                    </a>
                </div>
                <div class="right-item02">
                    <ul>
                        <li>[社区]当红明星教你送情人节礼！</li>
                        <li>[社区]当红明星教你送情人节礼！</li>
                        <li>[社区]当红明星教你送情人节礼！</li>
                    </ul>
                </div>
                <div class="right-item03 clear">
                    <a href="#">话费快充</a>
                    <a href="#">快充</a>
                    <a href="#">彩票</a>

                    <form action="" class="clear">
                        <p class="clear first0001">
                            <label for="">手机号码：</label>
                            <input type="text" name="tel" id="">
                        </p>

                        <p class="clear">
                            <label for="">面值：</label>
                            <select name="" id="">
                                <option value="10">￥10</option>
                            </select>
                        </p>
                        <p class="clear">
                            <label for="">售价:</label>
                            <span class="text">￥10</span>
                        </p>
                        <p class="clear last0001">
                            <button class="sub-button">立即充值</button>
                        </p>
                    </form>
                </div>

            </div>
        </div>
    </div>
    <!-- banner end -->

    <!-- 主题内容start -->
    <!-- 主题内容1 -->
    <div class="contain top30">
        <!-- 食品饮料strat -->
        <div class="eatdrink-box wrap clear">
            <h2 class="title clear">
                <a href="#" class="a-title left">食品饮料</a>
                <ul class="right clear">
                    <li><a href="#">咖啡</a></li>
                    <li class="line">|</li>
                    <li><a href="#">休闲零食</a></li>
                    <li class="line">|</li>
                    <li><a href="#">饼干糕点</a></li>
                    <li class="line">|</li>
                    <li><a href="#">啤酒</a></li>
                    <li class="line">|</li>
                    <li><a href="#">粮油米面</a></li>
                </ul>
            </h2>
            <div class="main clear">
                <div class="main-item-01 clear left">
                    <div class="left clear bbtom">
                        <a href="#">饼干糕点</a>
                        <a href="#">休闲零食</a>
                        <a href="#">饮料果汁</a>
                        <a href="#">牛奶乳茶</a>
                        <a href="#">冲谷饮料</a>
                        <a href="#">营养保健</a>
                    </div>
                    <div>
                        <a href="#" class="a-detail">
                            <div class="f-title"> banner</div>
                            <div class="sub-title"> banner</div>
                            <img src="./img/sec1.jpg" alt="">

                        </a>
                    </div>
                </div>
                <div class="main-item-02 left">
                    <img src="../1号店/img/sec1-1.jpg" alt="">
                    <ul class="tab-list">
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
                <div class="main-item-03 left">
                    <div class="item-01">
                        <div class="f-title">吃货天堂</div>
                        <div class="s-title">满49减10块</div>
                        <img src="../1号店/img/sec1-2.jpg" alt="">
                    </div>
                    <div class="item-01">
                        <div class="f-title">1号酒窖</div>
                        <div class="s-title">百威哈啤酒两件3折</div>
                        <img src="../1号店/img/sec1-3.jpg" alt="">
                    </div>
                </div>
                <div class="main-item-04 left">
                    <div class="f-title">夏季美食嘉年华</div>
                    <div class="s-title">
                        粮油一元抢，爆款5折起
                    </div>
                    <img src="../1号店/img/sec1-4.jpg" alt="">
                </div>
                <div class="main-item-05 left">
                    <div class="item-01">
                        <div class="f-title">饮料饮品</div>
                        <div class="s-title">爆款满99减25块</div>
                        <img src="../1号店/img/sec1-5.jpg" alt="">
                    </div>
                    <div class="item-01">
                        <div class="f-title">甜蜜蜜七夕好礼</div>
                        <div class="s-title">燕窝买一送一</div>
                        <img src="../1号店/img/sec1-6.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
        <!-- 食品饮料end -->
    </div>
    <!-- 主题内容2 -->
    <div class="contain top30">
        <!-- 个体厨卫strat -->
        <div class="eatdrink-box wrap clear">
            <h2 class="title clear" style="border-bottom: 2px solid #C3D19C;">
                <a href="#" class="a-title left" style="color: #C3D19C;">个体厨卫</a>
                <ul class="right clear">
                    <li><a href="#">面部防晒</a></li>
                    <li class="line">|</li>
                    <li><a href="#">沐浴清洁</a></li>
                    <li class="line">|</li>
                    <li><a href="#">纸巾</a></li>
                    <li class="line">|</li>
                    <li><a href="#">洗衣液</a></li>
                    <li class="line">|</li>
                    <li><a href="#">驱蚊神器</a></li>
                </ul>
            </h2>
            <div class="main clear">
                <div class="main-item-01 clear left">
                    <div class="left clear bbtom">
                        <a href="#">洗发护发</a>
                        <a href="#">休脱毛膏/贴</a>
                        <a href="#">牙膏牙刷</a>
                        <a href="#">抽纸</a>
                        <a href="#">消毒液</a>
                        <a href="#">保鲜膜</a>
                    </div>
                    <div>
                        <a href="#" class="a-detail">
                            <div class="f-title" style="color: #C3D19C;"> 蓝月亮洁净盛典</div>
                            <div class="sub-title">蓝月亮洁净盛典</div>
                            <img src="./img/sec1-7.jpg" alt="">

                        </a>
                    </div>
                    <div style="border-top:1px solid #F4F4F4; margin-top: 3px;">
                        <a href="#" class="a-detail" style="margin-top: 20px;">
                            <div class="f-title" style="color: #C3D19C;"> 妮飘满99减25</div>
                            <div class="sub-title">与你的浪漫七夕</div>
                            <img src="./img/sec1-17.jpg" alt="">

                        </a>
                    </div>
                </div>
                <div class="main-item-02 left">
                    <img src="../1号店/img/sec1-8.jpg" alt="">
                    <ul class="tab-list">
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                    <div class="new-foot clear" style="border-left:1px solid #F4F4F4; border-right: 1px solid #F4F4F4;">
                        <div class="new-footerl left">
                            <div class="f-title"> 逼格生活由我打造</div>
                            <div class="s-title">新品上新</div>
                            <div class="l-title">品质生活轻松家务</div>
                        </div>
                        <div class="new-footr right">
                            <img src="../1号店/img/sec1-16.jpg" alt="">
                        </div>
                    </div>
                </div>
                <div class="main-item-03 left">
                    <div class="item-01">
                        <div class="f-title">自营纸制品品牌团</div>
                        <div class="s-title">团购疯抢中</div>
                        <img src="../1号店/img/sec1-9.jpg" alt="">
                    </div>
                    <div class="item-01">
                        <div class="f-title">自营衣物洗护团</div>
                        <div class="s-title">爆款5折起</div>
                        <img src="../1号店/img/sec1-10.jpg" alt="">
                    </div>
                    <div class="item-01" style="margin-top: 40px;">
                        <div class="f-title">自营家庭清洁品牌团</div>
                        <div class="s-title">爆款团购2.3折起</div>
                        <img src="../1号店/img/sec1-15.jpg" alt="">
                    </div>
                </div>
                <div class="main-item-04 left">
                    <div class="f-title">自营美容护理</div>
                    <div class="s-title">
                        8.18爆款 一贵就赔
                    </div>
                    <img src="../1号店/img/sec1-11.jpg" alt="">
                    <div class="item-01" style="margin-top: 30px;">
                        <div class="f-title">自营女性洗护</div>
                        <div class="s-title">更多商品两件2折</div>
                        <img src="../1号店/img/sec1-14.jpg" alt="">
                    </div>
                </div>
                <div class="main-item-05 left">
                    <div class="item-01">
                        <div class="f-title">自营口腔护理</div>
                        <div class="s-title">更多商品第二件2折</div>
                        <img src="../1号店/img/sec1-12.jpg" alt="">
                    </div>
                    <div class="item-01" style="margin-top: 33px;">
                        <div class="f-title">自营洗发护发</div>
                        <div class="s-title">更多商品第二件2折</div>
                        <img src="../1号店/img/sec1-13.jpg" alt="">
                    </div>
                </div>
            </div>
        </div>
        <!-- 个体厨卫end -->
    </div>
    <!-- 主题内容end -->
    <!-- 底部start -->
    <footer class="wrap top30">

        <div class="clear fot-01">
            <a href="#">关于一号店</a>
            <i></i>
            <a href="#">我们的团队</a>
            <i></i>
            <a href="#">网站联盟</a> <i></i>
            <a href="#">热门搜索</a> <i></i>
            <a href="#">友情链接</a> <i></i>
            <a href="#">1号店社区</a> <i></i>
            <a href="#">诚征英才 </a> <i></i>
            <a href="#">商家登录</a> <i></i>
            <a href="#">供应商登录</a> <i></i>
            <a href="#">放心搜</a> <i></i>
            <a href="#">1号店新品</a> <i></i>
            <a href="#">开放平台</a>
        </div>


        <div class="clear fot-01">
            <a href="#">沪ICP备13D44278号</a> <i></i>
            <a href="#">合字B1.B2-20130004</a> <i></i>
            <a href="#">营业执照</a> <i></i>
            <a href="#">互联网药品信息服务资格证</a> <i></i>
            <a href="#">互联网药品交易资格证</a>
        </div>

        <p>
            Copyright@1号店网上超市&nbsp;2007-2015，All&nbsp;Rights&nbsp;Reserved
        </p>
    </footer>
    <!-- 底部end -->
</body>

</html>